<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <title>permeate</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="dist/permeate.min.css" rel="stylesheet">
    <link href="font/material-icons.css" rel="stylesheet">
</head>

<body>
    <header class="nav-bar is-default">
        <div class="nav container">
            <div class="nav-brand">
                Permeate
            </div>
            <ul class="nav-list">
                <li class="list-item">
                    <a class="item-link is-active" href="#">首页</a>
                </li>
                <li class="list-item">
                    <a class="item-link" href="#">门户</a>
                </li>
            </ul>
            <ul class="nav-list nav-list-right">
                <li class="list-item">
                    <form>
                        <label class="search">
                            <input class="form-input" type="text" placeholder="搜索板块">
                            <a role="button">
                                <i class="material-icons search-icon">search</i>
                            </a>
                        </label>
                    </form>
                </li>
                <li class="list-item">
                    <a class="item-link" href="#">消息</a>
                </li>
                <li class="list-item">
                    <a class="item-link" href="#">提醒</a>
                </li>
                <li class="list-item">
                    <a class="user-link" href="#">
                        <img class="user-img" src="images/user-img.jpg" alt="">
                        <span><small>XXX用户</small></span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="nav-secondary">
            <div class="container">
                <!--路径导航-->
                <ul class="route-guidance">
                    <li class="guidance-item">
                        <span>首页</span>
                    </li>
                    <li class="guidance-item">
                        <a href="#">门户</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <section class="section">
        <div class="container">
            <div class="paper">
                <div class="post-list">
                    <table class="table table-primary table-post-list">
                        <thead>
                            <tr>
                                <th>帖子标题</th>
                                <th>作者</th>
                                <th>回复/查看</th>
                                <th>最后发表</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <a href="#">测试发帖</a>
                                </td>
                                <td>admin</td>
                                <td>10/20</td>
                                <td>2017-06-29 14:05:56</td>
                            </tr>
                            <tr>
                                <td>测试发帖</td>
                                <td>admin</td>
                                <td>10/20</td>
                                <td>2017-06-29 14:05:56</td>
                            </tr>
                            <tr>
                                <td>测试发帖</td>
                                <td>admin</td>
                                <td>10/20</td>
                                <td>2017-06-29 14:05:56</td>
                            </tr>
                            <tr>
                                <td>测试发帖</td>
                                <td>admin</td>
                                <td>10/20</td>
                                <td>2017-06-29 14:05:56</td>
                            </tr>
                            <tr>
                                <td>测试发帖</td>
                                <td>admin</td>
                                <td>10/20</td>
                                <td>2017-06-29 14:05:56</td>
                            </tr>

                        </tbody>
                    </table>
                    <div class="post-list-controller">
                        <div style="float: right">
                            <button class="btn btn-primary" type="button">发帖</button>
                        </div>
                        
                        <nav class="page">
                            <ul class="pagination">
                                <li class="page-item">
                                    <a class="page-link" aria-label="Previous">
                                        <span aria-hidden="true">«</span>
                                    </a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link is-active">1</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link">2</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link">3</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link">4</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link">5</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link" aria-label="Previous">
                                        <span aria-hidden="true">»</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>

            </div>

        </div>
    </section>




    <footer class="footer">
        <div class="container">
            <div class="footer-left">
                Permeate 轻松渗透测试系统 v1.0
            </div>
            <div class="footer-right">
                Archiver | 轻松渗透系统
            </div>
        </div>
    </footer>

</body>

</html>